/*  
Theme Name: Procyon
Theme URI: http://www.indonez.com/
Description: Corporate Business WordPress Theme 6
Author: Indonez
Author URI: http://themeforest.net/user/indonez
Version: 1.0
Tags: Black, Blue, Green, Orange, Red, White, Translation-ready, Custom-menu, Two-columns, Fixed-width, custom-background
License:
License URI:
*/
@charset "utf-8";

/*----------------------------------------------------
                 Procyon - CSS File
------------------------------------------------------*/
*{ padding:0; margin:0;}
body{
	font-family:"微软雅黑", "黑体" !important;
	font-size:14px;
	color:#828282;
	line-height:22px;
	padding:0px;
	margin:0px;		
	background-color:#dbe1e3;	
}
.wrapper{
	margin-top:150px;
}

/* links */
:focus {
  -moz-outline-style: none;
}
a:active {
  outline: none;
  text-decoration:none;
}
a{
	color:#b3b3b3;
	text-decoration: none;
}
a:hover{
	color:#858585;
}
a img{
	border:none
}
.imgcenter,
.aligncenter {
	margin:18px auto 15px auto;
	display:block
}
.imgmiddle{
	vertical-align:middle;
	margin-right:8px;
}
.imgleft,
.alignleft {
	float:left; 
	margin:4px 13px 12px 0px;
}
.imgright,
.alignright {
	float:right; 
	margin:4px 0px 12px 13px;
}
.imgborder{
	padding:5px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 3px #969696;
	-moz-box-shadow: 0px 0px 3px #969696;
	box-shadow: 0px 0px 3px #969696; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
@media \0screen {
  .imgborder{border:1px solid #d5d5d5;}
}
hr {
	background-color:#dadada;
	border-width:0;
	color:#dadada;
	height:1px;
	line-height:0;
	margin:30px 0px !important;
	page-break-after:always;
	clear:both;
}
strong{color:#757575;}
.italictext{
	font-size:18px;
	font-style:italic;
	color:#929292;
	line-height:26px;
	margin-bottom:28px;
}
.clear{clear:both;}
.center{text-align:center; margin-bottom:10px;}

/* Lists, Blockquotes and Paragraphs */
ul li{
	padding:0px 0px 0px 0px;
	line-height:20px;	
}
code {
  background: #fafafa;
  padding: 5px 10px;
  display: block;
  font-size: 12px;
  color: #7d7d7d;
  margin-bottom: 10px;
  border: 1px dotted #eaeaea; 
  clear: both;   
}
pre{ 
  clear: both; 
  font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace; 
  background: url(../images/pre_bg.gif) repeat; 
  border: 1px solid #d3d3d3;
  padding: 18px 20px 15px 20px;
  line-height: 19px;
  overflow:auto;
  overflow-Y: hidden;
  color: #555;
  margin: 0 0 20px 0;
}

/* Pullquotes */
.pullquote_right,.pullquote_left{
	color:#9c9c9c;
	float:right;
	font-size:16px;
	letter-spacing:0px;
	margin-bottom:0;
	margin-top:7px;
	margin-left:20px;
	padding-left:15px;
	width:40%;
	font-weight:bold;
    font-style:italic; 
    line-height:1.4em;
    border-left:2px solid #cccccc;
}
.pullquote_left{
    border-right:2px solid #cccccc;
    border-left:none;
	float:left;
	margin-left:0px;
	margin-right:10px;
	padding-left:0;
	padding-right:15px ;
}

/* Dropcap */
.dropcap1{
	font-size:22px;
	color:#868686;
	text-align:center;
	background-color:#dddddd;
	width:36px\0/;
	height:26px\0/;
	background:none\0/;
	background-image:url(../images/ie-drop1.png)\0/;
	background-repeat:no-repeat\0/;
	background-position:1px 0px\0/;
	-webkit-border-radius: 100px;
	-webkit-border-top-right-radius: 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius: 100px;
	-moz-border-radius-topright: 100px;
	-moz-border-radius-bottomright: 100px;
	border-radius: 100px;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	margin:8px 5px 0px 0px;
	padding:5px 9px 7px 9px;
	padding:7px 3px 3px 1px\0/;
	float:left;
}
.dropcap2{
	font-size:22px;
	color:#868686;
	text-align:center;
	background-color:#dddddd;
	width:35px\0/;
	height:26px\0/;
	background:none\0/;
	background-image:url(../images/ie-drop2.png)\0/;
	background-repeat:no-repeat\0/;
	background-position:1px 0px\0/;
	margin:8px 5px 0px 0px;
	padding:5px 9px 7px 9px;
	padding:7px 3px 3px 1px\0/;
	float:left;
}
.dropcap3{
	font-size:32px;
	color:#868686;
	text-align:center;
	margin:8px 5px 0px 0px;
	padding:5px 3px 0px 0px;
	padding:4px 3px 3px 1px\0/;
	float:left;
}

/* Title Color Styling */
.title-purple{color:#770477;}
.title-brown{color:#753b02;}
.title-pink{color:#da6371;}
.title-green{color:#84ac0a;}
.title-blue{color:#029dd8;}
.title-yellow{color:#e7a515;}
.title-red{color:#d12525;}

/* Custom Message Styling */
.info {
	margin: 15px 0;
	color: #478BBF;
	padding: 14px 10px 15px 40px;
	background: #DCEFF5 url(../images/info.png) 17px 18px no-repeat;
	border: 1px solid #B8E7F5;
} 
.success {
	margin: 15px 0;
    color:#3F9153;  
    padding: 14px 10px 15px 40px;
    background:#D7F7DF url(../images/success.png) 17px 18px no-repeat;
    border:1px solid #A3F7B8
}
.error {
    margin: 15px 0;
    color: #C24848;  
    padding: 14px 10px 15px 40px;
    background: #FFD6D6 url(../images/error.png) 17px 18px no-repeat;
    border: 1px solid #FFC2C2;
} 
.warning {
    margin: 15px 0;
    color: #CF9E00;  
    padding: 14px 10px 15px 40px;
    background: #FAF2D7 url(../images/warning.png) 17px 18px no-repeat;
    border: 1px solid #FAE8AF;
}

/* Table Style */
.table	{
	width:100%;				
	margin-bottom:20px;
	background:#f0f0f0;
}			
.table th{
	font-size:16px;
	font-weight:normal;	
	text-align:left;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	padding:10px 18px;
	color:#fff;	
	border-right:none;
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
}				
.table td {	
	font-size:14px;
	font-weight:normal;	
	text-align:left;
	padding:10px 18px;
}

.table th.txtleft,
.table td.txtleft{text-align:left;}
.table th.txtright,
.table td.txtright{text-align:right;}
.table th.txtcenter,
.table th.txtcenter{text-align:center;}

.table tr:nth-child(even){background:#ffffff;}
.table tr.odd td{color:#828282;}				
.table td{color:#828282;}


.table-black table{border:1px solid #292929;}
.table-black table tr th{background-color: #333333;}

.table-gray table{border:1px solid #525252;}
.table-gray table tr th{background-color: #666666;}

.table-white .table th {color:#666666;}
.table-white table{border:1px solid #cccccc;}
.table-white table tr th{background-color: #FFFFFF;}

.table-red table{border:1px solid #b81f1f;}
.table-red table tr th{background-color: #e62727;}

.table-orange table{border:1px solid #cc4a00;}
.table-orange table tr th{background-color: #ff5c00;}

.table-magenta table{border:1px solid #87013c;}
.table-magenta table tr th{background-color: #A9014B;}

.table-yellow table{border:1px solid #cc9111;}
.table-yellow table tr th{background-color: #ffb515;}

.table-blue table{border:1px solid #008abe;}
.table-blue table tr th{background-color: #00ADEE;}

.table-pink table{border:1px solid #b51a75;}
.table-pink table tr th{background-color: #e22092;}

.table-green table{border:1px solid #749707;}
.table-green table tr th{background-color: #91bd09;}

.table-rosy table{border:1px solid #c15663;}
.table-rosy table tr th{background-color: #F16C7C;}

.table-brown table{border:1px solid #663300;}
.table-brown table tr th{background-color: #804000;}

.table-purple table{border:1px solid #660066;}
.table-purple table tr th{background-color: #800080;}

.table-cyan table{border:1px solid #389f9f;}
.table-cyan table tr th{background-color: #46C7C7;}

.table-gold table{border:1px solid #aa8012;}
.table-gold table tr th{background-color: #D4A017;}

/* Blockquote Style */
blockquote{	
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	font-style:italic;
	padding-left:30px;
	float:left;
}

/* List Style */
ul.circle-list li{
	line-height:18px;
	background-image:url(../images/circle.png);
	background-repeat:no-repeat;
	background-position:0px 11px;
	padding:4px 0px 4px 13px;
	margin:0px;
}
ul.check-list li{
	background-image:url(../images/checklist.png) !important;
	background-position:0px 6px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:24px !important;
	list-style-type:none;
}
ul.delete-list li{
	background-image:url(../images/deletelist.png) !important;
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:24px !important;
	list-style-type:none;
}
ul.arrow-list li{
	background-image:url(../images/arrow.gif);
	background-position:0 10px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 18px;
	line-height:24px;
	list-style-type:none;
	overflow:hidden;
}
ul.greenarrow-list li{
	background-image:url(../images/green-arrow.png) !important;
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:24px !important;
	list-style-type:none;
}
ul.star-list li{
	background-image:url(../images/star-list.png) !important;
	background-position:0px 6px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	line-height:24px !important;
	list-style-type:none;
}
ul.nolistblock li{
	padding:0px 0px 0px 0px !important;
	line-height:20px;
	display:inline-block;
	margin:10px 10px 0px 0px;
	background-image:none !important;
}
li.marginoff{margin-right:0px !important;}
ol li{
	list-style:decimal;
	line-height:24px;
	list-style-position:inside
}

/* Heading */
h1, h2, h3, h4, h5, h6{
	letter-spacing:normal;
	color:#747474;
	margin-bottom:8px;
	font-weight:bold;
	}
h1{font-size:32px;line-height:32px;}
h2{font-size:28px;line-height:28px;}
h3{font-size:22px;line-height:26px;}
h4{font-size:18px;line-height:22px;}
h5{font-size:16px;line-height:18px;}
h6{font-size:14px;line-height:16px;}

/* Text Styled */
.boldtext-medium{font-size:14px; font-weight:bold; color:#c6c6c6}
.boldtext-strong{font-size:22px; font-weight:bold; color:#c6c6c6}
small{font-size:11px;}

/* Normal Button Styling */
.button, .button span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}
.button.full, .button.full span {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
	text-decoration:none;
}
.button:active, .button.active {
	top:1px;
}
.button span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:7px 22px 11px 22px;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}

.button.small span {
	font-size:12px;
}
.button.medium span {
	font-size:15px;
}
.button.large span {
	font-size:19px;
}

.button.black {
	background-color: #333333;
}
.button.gray {
	background-color: #666666;
}
.button.white {
	background-color: #FFFFFF;
}
.button.white span{
	color: #666666;
}
.button.red {
	background-color: #e62727;
}
.button.orange {
	background-color: #ff5c00;
}
.button.magenta {
	background-color: #A9014B;
}
.button.yellow {
	background-color: #ffb515;
}
.button.blue {
	background-color: #00ADEE;
}
.button.pink {
	background-color: #e22092;
}
.button.green {
	background-color: #91bd09;
}
.button.rosy {
	background-color: #F16C7C;
}
.button.brown {
	background-color: #804000;
}
.button.purple {
	background-color: #800080;
}
.button.cyan {
	background-color: #46C7C7;
}
.button.gold {
	background-color: #D4A017;
}

/* Big Button Styling */
a.button-big {
    background: transparent url('../images/bg_button_a.png') no-repeat scroll top right;
    color: #474d5a;
    display: block;
    float: left;
	font-weight:bold;
	font-size:16px;
	text-shadow:0px 1px 0px #ffffff;
    height: 41px;
    margin-right: 12px;
    padding-right: 26px; /* sliding doors padding */
    text-decoration: none;
}
a.button-big span {
    background: transparent url('../images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 17px;
    padding: 10px 0 14px 27px;
} 
a.button-big:active {
    background-position: bottom right;
    color: #93979d;
    outline: none; /* hide dotted outline in Firefox */
}
a.button-big:active span {
    background-position: bottom left;
    padding: 10px 0 14px 27px; /* push text down 1px */
}

/* Login Button Styling */
a.popup-login, 
a.popup-logout{
    background: transparent url(../images/bg_contact_a.png) no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 0px #4f4f4f;
    height: 30px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}
a.popup-login span,
a.popup-logout span {
    /*background: transparent url('../images/bg_contact_span.png') no-repeat;*/
    display: block;
    line-height: 17px;
    padding: 5px 0 8px 41px;
} 
a.popup-login:active,
a.popup-logout:active {
    background-position: bottom right;
    color: #93979d;
    outline: none; /* hide dotted outline in Firefox */
}
a.popup-login:active span,
a.popup-logout:active span {
    background-position: bottom left;
    padding: 5px 0 8px 41px; /* push text down 1px */
} 

/*  Highlight Styles */

.highlight-purple {padding:1px 4px;background-color:#770477;color:#ffffff;}	
.highlight-brown{padding:1px 4px;background-color:#753b02;color:#ffffff;}
.highlight-pink{padding:1px 4px;background-color:#da6371;color:#ffffff;}	
.highlight-green{padding:1px 4px;background-color:#84ac0a;color:#ffffff;}
.highlight-blue{padding:1px 4px;background-color:#029dd8;color:#ffffff;}
.highlight-yellow{padding:1px 4px;background-color:#e7a515;color:#ffffff;}
.highlight-red{padding:1px 4px;background-color:#d12525;color:#ffffff;}	

/* CONTAINER
------------------------------------------------------*/
#container{ 
	margin:0px auto;	
}
#header-container{
	width:960px;
	height:485px;
	margin:0px auto;
	background-image:url(../images/bg-glow-top.png);
	background-repeat:no-repeat;
	background-position:top center;
}
#header-container-inner{
	width:960px;
	height:239px;
	margin:0px auto;
	background-image:url(../images/bg-glow-top.png);
	background-repeat:no-repeat;
	background-position:top center;
}
#top-container{
	height:485px;
	background-image:url(../images/bg-top-container.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#347ba7; /* change this color */
	-webkit-box-shadow:  0px 5px 8px  0px #aeaeae;
	-moz-box-shadow: 0px 5px 8px 0px #aeaeae;
	box-shadow: 0px 5px 8px 0px #aeaeae; 
}
#top-container-inner{
	height:100%;
	background-image:url(../images/bg-top-container.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#347ba7; /* change this color */
	-webkit-box-shadow:  0px 5px 8px  0px #aeaeae;
	-moz-box-shadow: 0px 5px 8px 0px #aeaeae;
	box-shadow: 0px 5px 8px 0px #aeaeae; 
}
#glow-bg{
	height:485px;
	background-repeat:repeat-x;
}
#glow-bg-inner{
	height:100%;
	/*background-image:url(../images/moving-bg/bg-moving1.png);  change this image */
	background-position:top;
	background-repeat:repeat-x;
}

/* HEADER
------------------------------------------------------*/
#header{
	width:960px;
	height:96px;
	float:left;
}
#logo{
	width:126px;
	margin:14px 30px 0px 0px;
	position:relative;
	z-index:100;
	float:left;
}
#login-wrapper{
	width:121px;
	margin-top:17px;
	float:left;
}
#phone-number{
	width:960px;
	margin:93px 0px 21px 0px;
	text-align:right;
	float:left;
}
#phone-number h3{
	margin-right:33px;
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
}
#pagetitle-wrapper{
	width:960px;
	height:108px;
	background-image:url(../images/bg-slideshow.png);
	background-repeat:repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	float:left;
}
#pagetitle-wrapper h1{ font-family:"微软雅黑"; font-weight:normal;
	margin:24px 0px 21px 30px;
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
}
#breadcumb{
	width:900px;
	height:28px;
	padding:4px 30px 0px 30px;
	font-size:11px;
	color:#ffffff;
	background-image:url(../images/slide-menu-bg.gif);
	background-repeat:repeat-x;	
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
  position: relative;
  z-index: 100;
}


/* MAINMENU
------------------------------------------------------*/
#menu-wrapper{
	width:100%;
	height:65px;
	background-image:url(../images/bg-menu-container.png);
	background-repeat:repeat-x;
	position:fixed;
	z-index:150;
}
#menu-container{
	width:960px;
	margin:0px auto;
}
#mainmenu{
	width:631px;
	margin:18px 22px 0px 30px;
	float:left;
}
#mainmenu ul{
	font-size:14px;
	letter-spacing:-1px;
	line-height:38px; 
	z-index:100; 
	position:relative; 
	float:right;
	list-style:none;
}
#mainmenu ul li{
	float:left;
	padding:3px 15px 8px 15px;
	color:#a3c6dc;
	text-shadow:0px 1px 0px #000000;
	position:relative;
}
#mainmenu ul li a, #mainmenu ul li a:visited{
	color:#efefef;
	text-decoration:none;
	width:105px;
}
#mainmenu ul li li a{
	display:block;
	float:left;
}
#mainmenu ul li a:hover, #mainmenu ul li.current a,#mainmenu ul li.current_page_item a{
	text-decoration:none;
	color:#ffffff;
}
#menu li li{
	margin:0 0 0px 0px !important;
	padding:0px !important;
	position:relative;
	z-index:100;
	line-height:20px !important
}
#menu ul{
	display:none;
	position:absolute;
	top:30px;
	left:0px;
	width:142px;
	padding:4px 0px 5px 4px!important;
	background-color:#4b4b4b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#menu ul li{
	background-image:url(../images/slide-menu-bg.gif);
	background-repeat:repeat-x;
}
#menu ul ul{
	top:0px; left:139px;
}
#menu li ul a, #menu li ul a:visited{
	width:119px;
	padding:3px 10px;
	font-size:12px;
	color:#ffffff !important;
	line-height:24px;
	z-index:100;
	text-decoration:none;
}


/* SLIDESHOW
------------------------------------------------------*/
#slideshow-wrapper{
	width:960px;
	height:376px;
	background-image:url(../images/bg-slideshow.png);
	background-repeat:repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	float:left;	
}
#slideshow-shadow{
	width:1067px;
	height:108px;
	margin-bottom:-30px;
	position:relative;
	top:-51px;
	left:-54px;
	background-image:url(../images/bg-shadow.png);
	background-repeat:no-repeat;
	z-index:80;
	float:left;
}
.lastt{
	margin-bottom:-50px !important;
}
#slideshow{
	margin-top:1px;	
	float:left;
}
ul#slide-main{
	width:960px;
	height:304px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
}
ul#slide-main li:nth-child(2) {display:none;}
ul#slide-main li:nth-child(3) {display:none;}
ul#slide-main li:nth-child(4) {display:none;}
ul#slide-title{
	width:960px;
	height:72px;
	position:relative;
	background-image:url(../images/slide-menu-bg.gif);
	background-repeat:repeat-x;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	list-style-type:none;
	z-index:100;
	float:left;
}
ul#slide-title a:hover{
	text-decoration:none;
}
ul#slide-title .activeSlide{
width: 238px;
height: 34px;
margin-top: -16px;
padding-top: 26px;
	background-color:#282828;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	float:left;
	display:block;
}
a.slidelink{
	text-align: center;
	display: block;
	padding: 10px 0;
}

a.slidelink span{
	text-align:center;
	padding: 10px 0;
	letter-spacing: 0.06em;
	word-spacing:2px;
	font-weight: normal;
	font-size: 0.969em;
}
.slide-image{
	width:960px;
	height:328px;
	list-style-type:none;
	position:absolute;
	float:left;
}
.slide-icon{
	width: 34px;
	height: 26px;
	margin: -3px 8px 0px 43px;
	float: left;
}
.title{
	width:240px;
	height: 54px;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-1px;
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
	padding-top:17px;
	background-image:url(../images/v-line-slide.gif);
	background-position:right;
	background-repeat:repeat-y;
	float:left;
}
.line-last{	
	background-image:none;
}
.title a, .title a:visited{
	color:#ffffff;
	text-decoration:none;
}
.slide-text1{
	width:361px;
	margin-left:32px;
	float:left;
}
.slide-text2{
	width:900px;
	margin-left:30px;
	float:left;
	
}
.slide-text4{
	width:361px;
	margin-left:49px;
	float:left;
}
.slide-text3 img{
	position:absolute;
	z-index:80;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;	
}
.slide-text1 h2, .slide-text4 h2{
	width:361px;
	margin:52px 0px 20px 0px;
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
	float:left;
}
.slide-text2 h2{
	width:900px;
	margin:28px 0px 24px 0px;
	color:#ffffff;
	text-align:center;
	text-shadow:0px 1px 0px #000000;
	float:left;
}
/*
.slide-text3 h2{
	width:385px;
	margin:130px 0px 0px 531px;
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
	position:absolute;
	z-index:100;
}*/
/*
.slide-text3 p{
	width:366px;
	margin:158px 0px 20px 533px;
	font-size:14px;
	line-height:24px;
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
	position:absolute;
	z-index:100;
}*/

.slide-text1 p, .slide-text4 p{
	width:385px;
	font-size:14px;
	line-height:24px;
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
	float:left;
}
.slide-text2 p{
	width:900px;
	margin-bottom:17px;
	font-size:14px;
	line-height:24px;
	color:#ffffff;
	text-align:center;
	text-shadow:0px 1px 0px #000000;
	float:left;
}
/*
.slide-text3 p{
	width:366px;
	margin:158px 0px 20px 533px;
	font-size:14px;
	line-height:24px;
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
	position:absolute;
	z-index:100;
}*/
.slidecenter-img{
	text-align:center;	
}
.slide-button{
	margin:10px -10px 0px 0px;
	float:right;
}
.ipd-case{
	width:390px;
	height:368px;
	margin:-64px 0px 0px 53px;
	padding:0px 0px 0px 61px;
	background-image:url(../images/ipd-case.png);
	background-repeat:no-repeat;
	float:left;
}
.imgslide-right{
	width:439px;
	height:363px;
	margin:-59px 0px 0px 53px;
	float:left;
}
.slidecontent{
	text-shadow:0px 1px 0px #000000;
	position:absolute;
	z-index:100;
	color:#ffffff !important;
	text-shadow:0px 1px 0px #000000;
	
}
.slidecontent h2 {
	color:#ffffff !important;
}
.full-image-right-description {
	width: 380px;
	margin-top: 20px;
	margin-left: 556px;
}
.full-image-left-description {
	width: 380px;
	margin-top: 20px;
	margin-left: 20px;
}
.slide-edit{
	position:absolute;
	top:1px;
	margin:3px;
	padding:0px;
	line-height: normal;
	font-size: 12px;
	font-weight: normal;
}
.slide-edit a{
	color:grey !important;
}

/* Retina Effect styling */
.webpage{	
	width:342px;
	height:307px;
	position:absolute;
	margin:60px 0px 0px -8px;
}
.retina{	
	border:2px solid white;	
	position:absolute;
	height:180px;
	width:180px;
	z-index:100;	
	display:none;	
	cursor:url('../images/blank.cur'),default;	
	-moz-box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
	-webkit-box-shadow:0 0 5px #777;
	box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
	-moz-border-radius:90px;
	-webkit-border-radius:90px;
	border-radius:90px;
}

.retina.chrome{	
	cursor:url('../images/blank_google_chrome.cur'),default;
}

/* S3 Slider styling */
#s3slide {
    width: 960px; 
    height: 377px;
    position: relative; 
	overflow: hidden;
}
#s3slide:after{
	content:'';
	position:relative;
	width:944px;
	height:361px;
	border:8px solid #ffffff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-khtml-opacity:.30;
	-moz-opacity:.30;
	-ms-filter:"alpha(opacity=30)";
	filter:alpha(opacity=30);
	opacity:.30;
	top:0px;
	float:left;
	display:none\0/;
}
ul#s3slideContent li img {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
#s3slide h2 {
	font-size:24px;
	color:#ffffff;
	margin-bottom:0px;
}
#s3slide h3 {
	font-size:16px;
	color:#ffffff;
	margin-bottom:8px;
}
#s3slideContent {
    width: 960px; 
    position: absolute;
	top: 0;
	margin-left: 0;
}
.s3slideImage {
    float: left;
    position: relative;
	display: none;
}
.s3slideImage span strong{
	font-size:22px;
	line-height:22px;
	margin-bottom:15px;
	color: #fff;
	display: block;
}
.s3slideImage div {
    position: absolute;
    padding: 15px 20px;
	background-image:url(../images/bg-slidess3.png);
	background-repeat:repeat;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
    color: #fff;
    display: none;
}
.s3text p {
  margin-bottom: 0;
}
.clear {
	clear: both;
}
.top .s3text{ /* top caption */
	width:666px;
	font-size:14px;
	line-height:22px;
	margin-right:30px;
	float:left;
}
.top {
	top: 0;
	left: 0;
	width: 842px !important;
	height: 80px;
	margin:45px 0px 0px 39px;
  position: relative;
  z-index: 100;
}
.top a{
	margin-top:2px;
}
.bottom .s3text{ /* bottom caption */
	width:666px;
	font-size:14px;
	line-height:22px;
	margin-right:30px;
	float:left;
}
.bottom {
	bottom: 0;
	left: 0;
	width: 842px !important;
	height: 80px;
	margin:0px 0px 45px 39px;
  position: relative;
  z-index: 100;
}
.bottom a{
	margin-top:2px;
}
.right .s3text{ /* right caption */
	width:320px;
	font-size:14px;
	line-height:22px;
	margin-right:30px;
	float:left;
}
.right {
	right: 0;
	bottom: 0;
	width: 320px !important;
	height: 210px;
	margin:0px 39px 74px 0px;
  position: relative;
  z-index: 100;
}
.right a{
	margin-top:18px;
}
.left .s3text{ /* left caption */
	width:320px;
	font-size:14px;
	line-height:22px;
	margin-right:30px;
	float:left;
}
.left {
	top: 0;
    left: 0;
	width: 320px !important;
	height: 210px;
	margin:74px 0px 0px 39px;
  position: relative;
  z-index: 100;
}
.left a{
	margin-top:18px;
}


/* CONTENT
------------------------------------------------------*/
#conten{
	width:960px;	 
	margin:0px auto;
}
.maincontent{
	width:930px;
	background-color:#ffffff;
	-webkit-box-shadow:  0px 1px 2px  1px #b9bebf;
	-moz-box-shadow: 0px 1px 2px 1px #b9bebf;
	box-shadow: 0px 1px 2px 1px #b9bebf;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-top:0px;
	padding:10px 15px 20px 15px;
	float:left;
	
}
.maincontent-inner{
	width:900px;
	background-color:#ffffff;
	-webkit-box-shadow:  0px 1px 2px  1px #b9bebf;
	-moz-box-shadow: 0px 1px 2px 1px #b9bebf;
	box-shadow: 0px 1px 2px 1px #b9bebf;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-top:-29px;
	padding:30px 30px 50px 30px;
	float:left;
}
.homepage-wrapper{
	width:900px;
	background-color:#ffffff;
  margin: 25px 30px 0 15px;
  float: left;
}
#content-left {
	width:620px;
	margin-right:30px;
	margin-left:0;
	float:left;
}
#content-right {
	width:620px;
	margin-left:30px;
	margin-right:0;
	float:right;
}
#sidebar-left{
	width:250px;
	background-image:url(../images/sdb-left.gif);
	background-position:right;
	background-repeat:repeat-y;
	padding:0px 0px;
	float:left;
}
#sidebar-right{
	width:250px;
	background-image:url(../images/sdb-right.gif);
	background-position:left;
	background-repeat:repeat-y;
	padding:0px 0px;
	float:left;
}
#sidebar-left-top{
	width:250px;
	background-image:url(../images/sdb-left-top.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding:0px 0px;
	float:left;
}
#sidebar-right-top{
	width:250px;
	background-image:url(../images/sdb-right-top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 0px;
	float:left;
}
#sidebar-left-bottom{
	width:250px;
	background-image:url(../images/sdb-left-bottom.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:0px 0px;
	float:left;
}
#sidebar-right-bottom{
	width:250px;
	background-image:url(../images/sdb-right-bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0px 0px;
	float:left;
}


/* Front Content */
#top-content{
	width:900px;
	margin:-39px 0px 0px -15px;
	padding:5px 30px;
	background-image:url(../images/top-content-gradient.gif);
	background-repeat:repeat-x;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	float:left;
}
.front-left{
	width:620px;
	float:left;
  margin-left: 15px;
}
.front-right{
	width:280px;
	float:left;
}
.front-icon{
	width:42px;
	margin:-5px 10px 0px 0px;
	float:left;
}
.front-content h4 a {
  color: #747474;
}
.front-content p{
	float:left;
}
.front-testimonials{
	width:100%;
	margin:39px auto;
}
.front-testimonials ul li{
	width:100%;
	text-align:center;
}
.testi-text{
	font-size:22px;
	letter-spacing:-1px;
	color:#a3a3a3;
}
.testi-logo{
  position: relative;
	margin:15px 15px 0px 0;
  margin-left: 38%;
	float:left;
}
.testi-client{
	border-left:1px solid #dcdbdb;
	color:#595959;
	letter-spacing:-1px;
	margin:20px 0px 0px 0px;
	padding:5px 0px 5px 15px;
	float:left;
}

/* Twitter */
#twitter-bird{
	width:61px;
	background-image:url(../images/dot-arrow.png);
	background-position:56px 14px;
	background-repeat:no-repeat;
	margin:12px 8px 5px 19px;
	float:left;
}
.twitted {
	width:689px;
	margin:20px 0px 0px 15px;
	float:left;
}
.widgets .twitted {
  width: 100%;
  margin-top: 0;
}
.twitted p.preLoader {
	margin: -10px 0px 0px -12px;
	padding: 1em 1em 1em 3em;
	font-size:11px;
	background: transparent url("images/loading-contact.gif") 1em center no-repeat;
}
.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sidebar-content-left .twitted {
  margin-left: 0;
  margin-right:15px;
}
.sidebar-content-left .twitted  ul#twitter_update_list li span {
  padding-right: 15px;
}
.twitted ul#twitter_update_list li {
	width:689px;
	font-size:11px;
	color:#949494;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-bottom: 1px solid #dadada;
}
.widgets .twitted ul#twitter_update_list li {
  font-size:12px;
  width: 100%;
  margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
  line-height: 21px;
}
.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}
.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #a7a7a7;
}
.widgets .twitted ul#twitter_update_list li span a {
  background: none;
  padding: 0;
}
.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #a7a7a7;
}
.twitted ul#twitter_update_list li.firstTweet {
}
.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}
.twitted p.profileLink {
	display: block;
	margin:0px -12px 10px 0px;
	padding: 0.3em 1em;		
	float:right;
}
#fb-like{
	width:81px;
	margin:22px 0px 0px 0px;
	float:left;
}

/* Founder Prolog */
#founder-prolog{
	width:900px;
	margin-left:15px;
	padding:34px 0px 5px 0px;
	float:left;	
}
.founder-img{
	float:left;	
}
.prolog-text{
	width:643px;
	line-height:24px;
	float:left;
}

.divider-fullwidth{
	width:900px;
	height:26px;
	margin:15px 0px 35px 0px;
	background:url(../images/divider.gif) repeat-x;
	clear:both;
	display:block;
}
.divider-content{
	width:100%;
	height:26px;
	margin:43px 0px 35px 0px;
	background:url(../images/divider.gif) repeat-x;
	clear:both;
	display:block;
}

/* Footer Styling */
#bottom-wrapper{
	width:960px;
	margin:0px auto;	
}
#bottom-content{
	width:862px;
	font-size:11px;
	line-height:18px;
	color:#a8a8a8;
	background-color:#383939;
	background-image:url(../images/footer-glow.png);
	background-repeat:no-repeat;
	background-position:11px 7px;	
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-box-shadow:  0px 1px 2px  1px #b9bebf;
	-moz-box-shadow: 0px 1px 2px 1px #b9bebf;
	box-shadow: 0px 1px 2px 1px #b9bebf;
	margin:0px auto 0px auto;
	padding:35px 49px 38px 49px;
	float:left;
}
#bottom-content h6{
	color:#ffffff;
	text-shadow:0px 1px 0px #000000;
}
.logofooter-column{
	width:120px;
	margin-right:15px;
	padding:0px 0px 30px 4px;
	float:left;
}
.contactbottom-column{
	width: 102px;
	margin-right:15px;
	float:left;
}
.socialbottom-column{
	width:154px;
	margin-right:15px;
	float:left;
}
ul.social-list{
	width:154px;
	padding:0px; 
	list-style-type:none;
}
ul.social-list li{
	width:24px;
	margin:5px 5px -5px 0px;
	float:left;
}
.linkbottom-column{
	width:93px;
	margin-right:33px;
	float:left;
}
ul.list-bottom{
	margin:0px; 
	padding:0px; 
	list-style-type:none;
}
ul.list-bottom li{
	line-height:18px;
	color:#a8a8a8;
}
ul.list-bottom li a, ul.list-bottom li a:visited{
	color:#a8a8a8;
	text-decoration:none;
}
.mailingbottom-column{
	width:172px;
	margin-right:0px;
	float:left;
}
#copyright-text{
	width:960px;
	font-size:11px;
	color:#939393;
	margin:0px auto;
	clear:both;
	height:72px;
}
#copyright-text a, #copyright-text a:visited{
	color:#939393;
	text-decoration:none;		
}
#copyright-text a:hover{
	color:#939393;
	text-decoration:underline;		
}
.backtop{
	top:1px;
	left:3px;
	position:relative;
}

/* Newsletter styling */
#newsletter{
	margin:-12px 0px 5px 0px;
	float:left;	
}
#nlt-form{
	width:114px;
	font-size:11px;
	color:#868686;
	padding:8px 8px 8px 8px;
	background-color:#4d5050;
	border:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#nlt-form:focus{
	color:#a8a8a8;
}
#newsletter .sub-button{
	width:31px;
	border:none;
	font-weight:bold;
	letter-spacing:-1px;
	background-color:#ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    color: #383939;
	margin-left:5px;
	padding:5px 0px;
	cursor:pointer;
}

/* Search styling */
#search-right{
	margin:10px 0px 17px 17px;
	float:left;	
}
#search-left{
	margin:10px 0px 17px 0px;
	float:left;	
}
#search-form{
	width:140px;
	font-size:11px;
	color:#a8a8a8;
	padding:8px 8px 8px 8px;
	border:none;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* Safari CSS Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#search-form{
	width:138px;
}
}
#search-form:focus{
	color:#a8a8a8;
}
#search-right .sub-button, #search-left .sub-button, #search-error .sub-button{
	border:none;
	font-weight:bold;
	letter-spacing:-1px;	
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    color: #747474;
	margin-left:5px;
	padding:5px 8px 6px 8px;
	cursor:pointer;
}
/* Opera CSS Hack */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
#search-right .sub-button, #search-left .sub-button, #search-error .sub-button{
	background-color:#f0f0f0;
	padding:6px 8px 8px 8px;
}
}

/* Sidebar Left */
.sidebar-content-left{
	width:250px;
	margin:20px 0px 0px 0px;
	float:left;
}
.sidebar-content-left h5{
	padding:0px 18px 15px 0px;
	border-bottom:1px solid #e8e8e8;	
}
.sidebar-content-left p{
	font-style:italic;
	margin:15px 18px 25px 0px;
}
.sidebar-content-left ul.sidebar-list,
.sidebar-content-left .widgets ul{
	margin-right:18px;
}
.sidebar-content-left .sidebar-roundabout{
	margin-left:45px;
}
.blocktesti p strong{
  font-size: 12px;
}
.blocktesti img {
	padding:5px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 3px #969696;
	-moz-box-shadow: 0px 0px 3px #969696;
	box-shadow: 0px 0px 3px #969696; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
  float: left;
  margin:4px 13px 0 18px;
}
/* Sidebar Right */
.sidebar-content-right{
	width:250px;
	margin:20px 0px 0px 0px;
	float:left;
}
.sidebar-content-right h5{
	padding:0px 0px 15px 18px;
	border-bottom:1px solid #e8e8e8;	
}
.sidebar-content-right p{
	font-style:italic;
	margin:15px 0px 25px 18px;
}
.sidebar-content-right ul.sidebar-list,
.sidebar-content-right .widgets ul{
	margin-left:18px;
}
.sidebar-content-right .sidebar-roundabout {
	margin-left:40px;
}
.sidebar-content-left .sidebar-roundabout {
	margin-left:30px;
}
.sidebar-list,
.widgets ul {
	margin-top:-3px;
}
ul.sidebar-list li,
.widgets ul li {
	width:231px;
	font-style:italic;
	border-bottom:1px dotted #dcdcdc;
	line-height:28px;
	padding:3px 0px;
	list-style-type:none;
}
ul.sidebar-list li a, ul.sidebar-list li a:visited,
.widgets ul li a,.widgets ul li a:visited{
	color:#868686;
	text-decoration:none;
	background-image:url(../images/list-general.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}
ul.sidebar-list li a:hover,
.widgets ul li a:hover {
	color:#a6a6a6;
	text-decoration:none;
	background-image:url(../images/list-general.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}

/* Roundabout Sidebar */
.sidebar-roundabout {
	height:76px;
	margin:12px 0px 50px 0px;
	padding-left:0px;
	float:left;
}
.sidebar-roundabout .roundabout-holder { 
  	padding: 0; 
  	height: 100%; 
  	width: 156px;
}
.sidebar-roundabout .roundabout ul {
	list-style: none;
	margin:0 auto;
	top:5px;
}	
.widgets .sidebar-roundabout .roundabout ul li a {
  padding-left: 0;
}
.sidebar-roundabout .roundabout-moveable-item  {
	cursor:pointer;
	width:176px;
	height:76px;
	padding:5px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 3px #969696;
	-moz-box-shadow: 0px 0px 3px #969696;
	box-shadow: 0px 0px 3px #969696; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
@media \0screen {
  .sidebar-roundabout .roundabout-moveable-item {border:1px solid #d5d5d5;}
}
.sidebar-roundabout .roundabout-moveable-item img{
	margin:0 auto;
	width:100% !important;
}
.sidebar-roundabout .roundabout-in-focus{
	cursor:auto;
}
.sidebar-roundabout .featured-desc{
	font-size:14px;
	font-style:italic;
	text-align:center;
	clear:both;
  display: none;
  margin-top: -2px;
}
.sidebar-roundabout .featured-desc a, 
.sidebar-roundabout .featured-desc a:hover{
  background: none;
  padding: 0;
}
.sidebar-roundabout .roundabout-in-focus  .featured-desc{
	display: block;
}

/* ABOUT
------------------------------------------------------*/
.about-content{
	width:474px;
	margin-right:30px;
	float:left;
}
.about-client{
	width:101px;
	float:left;	
}
ul.client-list{
	margin:5px 0px;
	list-style-type:none;
	float:left;
}
ul.client-list li{
	width:101px;
	height:48px;
	margin-bottom:10px;
	float:left;
}
.trial-wrapper-right{
	width:232px;
	margin-left:18px;
	float:left;
}
.trial-wrapper-left{
	width:232px;
	margin-left:0px;
	float:left;
}
.button-trial{
	float:left; 
	margin:-12px 0px 22px 0px;
}
.button-trial-last{
	float:left; 
	margin:-12px 0px 22px 0px;
}


/* SERVICES
------------------------------------------------------*/
.services-intro{
	width:900px;
	height:408px;
	padding-bottom:45px;
	background-image:url(../images/services-bg.jpg);
	background-repeat:no-repeat;
}
.srv-intro-left{
	width:400px;
	margin-right:80px;
	float:left;
	color: white !important;
	
	position:relative;
}
/*-----opacity divs-------*/
.opacity {
	position:absolute;
	width:100%;
	background:#4c80a8;
	opacity:0.5; /* FX/Opera/Safari/Chrome */
	-ms-filter:"alpha(opacity=50)"; /* IE8 */
	filter:alpha(opacity=50); /* IE6/IE7 */
	z-index:0;
	-moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -khtml-border-radius: 3px;
	    border-radius: 3px;
}
/*slider opacity*/
.slidecontent .opacity{
	background: black;
	opacity: 0.7 !important;
	-moz-opacity: 0.7 !important;
	filter:alpha(opacity=70) !important;
}

#slide-main .opacity{
	display: none;
}
#slide-main .opacity-content{
}
.opacity-content{
	padding:10px;
	color: white !important;
	opacity:1;
	z-index:10;
	position:relative;
}

.srv-intro-left .opacity-content, .srv-intro-left .opacity-content h1, .srv-intro-left .opacity-content h3{
	color: white !important;
	opacity:1;
	z-index:10;
	position:relative;
}
.srv-intro-left p{
	margin:0;
}
.srv-intro-right{
	width:450px;
	float:left;
}
.srv-intro-left h2{
	margin:32px 0px 20px 0px;
	float:left;
}
.services-item h3{
	width:360px;
	margin:20px 0px 24px 0px;
	padding:0px 0px 14px 0px;
	border-bottom:1px solid #e8e8e8;
	float:left;
}
.services-item h3 a {
  color: #747474;
  text-decoration:none;
}
.services-item h3 a:hover {
	color:#858585; 
	text-decoration:none;
}
.services-item p{
	float:left;
}
.services-icon{
	width:78px;
	margin:-5px 10px 0px 0px;
	float:left;
}
.inline-list{
	width:145px;
	float:left;
}
ul.inline-list li{
	width:145px;
	font-style:italic;
	line-height:22px;
	background-image:url(../images/list-general.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}


/* PRICING
------------------------------------------------------*/
.pricing-content{
	padding-bottom:48px;
	clear:both;
	float:left;
}
.slogan-font{
	margin:-12px 0px 32px 0px;
	font-style:italic;
}
.pricing{
	width:182px;
	height:369px;
	padding:20px 20px 0px 20px;
	background-image:url(../images/shadow-pricing.png);
	background-position:right;
	background-repeat:repeat-y;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
}
.pricing-left h4{
	width:178px;
	float:left;
}
.best-seller{
	position:absolute;
	margin:-25px 0px 0px 116px;
}
.price{
	width:178px;
	margin:-10px 0px 18px 0px;
	padding-bottom:14px;
	font-style:italic;
	border-bottom:1px solid #dbdbdb;
	float:left;
}
.pricing-desc{
	font-size:12px;
}
.pr-list{
	min-height:144px;
	margin-top:-10px;
	font-size:12px;
	float:left;
}
.button-pricing{
	width:222px;
	margin-left:-21px;
	padding:15px 0px;
	background-image:url(../images/shadow-pricing.png);
	background-position:right;
	background-repeat:repeat-y;
	background-color:#e6e6e6;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
	float:left;	
}
.button-pricing a.button{
	margin:7px 0px 7px 65px;
}


/* PORTFOLIO
------------------------------------------------------*/
ul#portfolio-filter{
	width:810px;
	margin:20px 0px 40px 0px; 
	padding:0;
	float:left; 
}
ul#portfolio-filter li{
	margin:0px 0px 0px 12px;
	display:inline;
}
ul#portfolio-filter li a{
	font-size:13px;
	font-style:italic;
	margin-right:5px;
	color:#8b8b8b; 
	text-shadow:0px 1px 0px #ffffff;
	text-decoration:none; 
}
ul#portfolio-filter li a:hover{
	font-size:13px;
	font-style:italic;
	margin-right:5px;
	color:#8b8b8b; 
	text-shadow:0px 1px 0px #ffffff;
	text-decoration:none;
}
ul#portfolio-filter li a.current{
	font-size:13px;
	font-style:italic;
	margin-right:5px;
	color:#717171; 
	text-shadow:0px 1px 0px #ffffff;
	text-decoration:none;
}

/* Styling for the view mode switcher control */
#controls {
	margin-top:14px;
	float:left;
}
#controls a {
	cursor:pointer;
}

/* General styling of items */
#portfolio { 
	width: 920px; 
	margin: 0px 0px 60px 15px; 
	padding: 0px;
	float:left; 
}
#portfolio li {
	float: left; 
	display: inline; 
	list-style: none; 
	margin: 20px 20px 0 0; 
	padding:6px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 3px #969696;
	-moz-box-shadow: 0px 0px 3px #969696;
	box-shadow: 0px 0px 3px #969696; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
}
@media \0screen {
  #portfolio li {border:1px solid #d5d5d5; padding:5px;}
  #portfolio li .services-list li {border:none;}
}
#portfolio li div a.overlay { 
	display: block; 
	position: absolute; 
	margin: 0; 
}

/* Styling for list view mode */ 
#portfolio.list li { 
	width: 888px; 
	margin: 20px 0 0 0; 
}
#portfolio.list li div {
	overflow: hidden; 
}
#portfolio.list li img {
	width:198px;
	margin-right:20px; 
	float:left; 
}
#portfolio.list li h6 {
	margin-top:8px
}
#portfolio.list li p {
	width:650px;
	float:left; 
}
#portfolio.list ul li{
	margin:-1px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; 
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}

/* Styling for icon view mode */
#portfolio.icon li { 
	width: 198px; 
	margin: 20px 20px 0 0; 
}
#portfolio.icon li div { 
	overflow: hidden; 
}
#portfolio.icon li h6 {
	margin:3px 0px 4px 0px;
	text-align:center; 
}
#portfolio.icon li p {
	display:none; 
}
#portfolio.icon li ul{
	display:none;
}

/* TESTIMONIALS
------------------------------------------------------*/
.testi-container{
	width:620px;
	background-image:url(../images/testi-quote.jpg);
	background-repeat:no-repeat;
	background-position:16px 0px;
	background-color:#ffffff;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
}
.testi-left{
	width:379px;
	padding:20px 20px 8px 20px;
	background-image:url(../images/shadow-pricing.png);
	background-repeat:repeat-y;
	background-position:right;	
	float:left;
}
.testi-left blockquote{
	width:365px;
	padding-left:0px;
	font-size:14px;
	line-height:23px;
	background-image:none;
}
.testi-right{
	width:200px;
	height:112px;
	text-align:center;
	background-image:url(../images/testi-author.jpg);
	background-repeat:no-repeat;
	background-position:0px 13px;
	float:left;	
}
.testi-right h5{
	margin:36px 0px 4px 0px;
}
.testi-right p{
	font-size:11px;
}
.testi-avatar-container{
	width:680px;
	margin:0px 0px 48px 0px;
	float:left;	
}
.testi-page{
	margin:-25px 0px 0px 495px;
}
.testi-avatar{
	width:50px;
	height:50px;
	position:absolute;
	z-index:80;
	float:left;
}
.testi-border{
	width:50px;
	height:50px;
	background-image:url(../images/testi-avatar-border.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
	float:left;
}


/* 404 PAGE
------------------------------------------------------*/
.col-2-2.error-page{
	width:560px;
	margin:70px 15px 66px 170px;
	padding:30px;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;	
}
.error-page h1{
	font-size:60px;
	text-align:center;
}
.error-page h2{
	text-align:center;
	background-image:url(../images/divider.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:10px 0px 24px 0px;
	padding-bottom:38px;
}
.stop-sign{
	width:119px;
	float:left;
}
.error-message{
	width:411px;
	margin-left:30px;
	float:left;
}
#search-error{
	margin:-8px 0px 0px 0px;
	float:left;	
}
#search-form-error{
	width:318px;
	font-size:11px;
	color:#a8a8a8;
	padding:8px 8px 8px 8px;
	border:none;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* COLUMN
------------------------------------------------------*/
.col-1{
	width:900px;
	margin:0px 0 0px 0;
	padding:20px;
	float:left;
}
.col-2{
	width: 422px;
	margin:0px 30px 15px 0;
	float:left;
}
.col-2-2{
	width:590px;
	margin:0px 0 15px 0;
	float:left;
}
.col-2-3{
	width:528px;
	margin:0px 0 15px 0;
	float:left;
}
.col-2-faq{
	width:281px;
	margin-right:20px;
	float:left;
}
.col-2-faq-last{
	width:281px;
	margin-right:0px;
	float:left;
}
.col-3{
	width:420px;
	margin:0px 30px 15px 0;
	float:left;
}
.col-4{
	width:202px;
	margin:0px 30px 15px 0;
	float:left;
}
.col-5{
	width:156px;
	margin:0px 30px 15px 0;
	float:left;
}
.last{
	margin-right:0px;
	float: right;
}
/* used for 4 column */
.col-214 { 
	display:inline-block;
	width:214px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-214-last { 
	display:inline-block;
	width:214px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}

/* used for 3 column */
.col-297 { 
	display:inline-block;
	width:297px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-297-last { 
	display:inline-block;
	width:297px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}

/* used for 2 column */
.col-461 { 
	display:inline-block;
	width:461px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-461-last { 
	display:inline-block;
	width:461px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}
.col-629 { 
	display:inline-block;
	width:629px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:30px;
}
.col-629-last { 
	display:inline-block;
	width:629px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}

/* column for faq */
.col-310 { 
	display:inline-block;
	width:310px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:20px;
}
.col-310-last { 
	display:inline-block;
	width:310px !important;
	vertical-align:top;
	padding:0px 0px 0px 0px !important;
	margin-right:0px;
}
/* HOME
------------------------------------------------------*/
#home .col-1{
	padding-top:0px;
}
#home .col-1 .home-content{
	margin-left: 201px;
	margin-top: 21px;
}
#home .home-content h4{
	margin: 0px;
	padding: 10px 0px 15px 0px;
}
/* BLOG
------------------------------------------------------*/
.blog-post{	
	margin-bottom:28px;
	padding-bottom:8px;
	float:left;
}
.post-content{
	width:100%;
	margin:-30px 0px 0px 0px;
	padding-bottom:8px;
	float:left;
}
.post-title h3{
	width:412px;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:15px;
	margin:0px 12px 10px 0px;
	float:left;	
}
.post-title h3 a, .post-title h3 a:visited{
	color:#747474;
	text-decoration:none;
}
.post-info{
	width:180px;
	margin-top:-6px;
	float:left;
}
.blog-info-box{
	width:80px;
	height:66px;
	margin-right:10px;
	font-size:18px;
	text-align:center;
	padding-top:14px;
	background-image:url(../images/info-box.png);
	background-repeat:no-repeat;	
	position:relative;
	z-index:100;
	float:left;
  color:#ffffff;
}
.blog-info-box a, .blog-info-box a:visited{
	color:#ffffff;
	text-decoration:none;
}

/* Tag Cloud */
.tag-cloud-left{
	margin:10px 0px 15px 0px;
	float:left;
}
.tag-cloud-right{
	margin:10px 0px 15px 16px;
	float:left;
}
.tag-cloud-left a, .tag-cloud-right a {
	display: block;
	padding: 5px 6px;
	color:#868686;
	float:left;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 5px 5px 0px;
}

/* Popular List */
.popular-list-left{
	width:234px;
	margin:8px 0px 9px 0px;
	float:left;
}
.popular-list-right{
	width:234px;
	margin:8px 0px 9px 16px;
	float:left;
}
ul.popular-list-left li, ul.popular-list-right li,
.widgets ul.popular-list-left li, .widgets ul.popular-list-right li{
	line-height:6px;
	margin-bottom:12px;
	padding-bottom:15px;
	border-bottom:1px dotted #dcdcdc;
	list-style-type:none;
	float:left;
}
ul.popular-list-left li p.popular-title, ul.popular-list-right li p.popular-title {
	width:169px;
	font-size:13px;
	font-style:italic;
	margin:1px 0px 4px 0px;
	line-height:20.8px;
	overflow:hidden;
  float: left;
}
@media \0screen {
  ul.popular-list-left li p.popular-title, ul.popular-list-right li p.popular-title,.widgets ul.popular-list-left li p.popular-title, .widgets ul.popular-list-right li p.popular-title {width:167px;}
}
ul.popular-list-left li img, ul.popular-list-right li img,
.widgets ul.popular-list-left li img, ul.popular-list-right li img{
	width:45px;
	height:45px;
	margin:4px 10px 0px 0px;
	float:left;
}
ul.popular-list-left li p, ul.popular-list-right li p {
	margin:4px 0px 0px 0px;
	font-size:11px;
	font-style:normal;
	color:#b3b3b3;
	float:left;
}
ul.popular-list-left li a, ul.popular-list-left li a:visited, ul.popular-list-right li a, ul.popular-list-right li a:visited,
.widgets ul.popular-list-left li a, .widgets ul.popular-list-left li a:visited, .widgets ul.popular-list-right li a, ul.popular-list-right li a:visited{
	color:#868686;
	text-decoration:none;
  background: none;
  padding: 0;
}
ul.popular-list-left li a:hover, ul.popular-list-right li a:hover,
.widgets ul.popular-list-left li a:hover, .widgets ul.popular-list-right li a:hover{
	color:#868686;
	text-decoration:none;
}
ul.popular-list-left li .block-img, 
.widgets ul.popular-list-left li .block-img {
  float: left;
  width: 50px;
}
ul.popular-list-left li .block-text, 
.widgets ul.popular-list-left li .block-text{
  float: left;
  width: 50px;
}
/* Sponsors List */
ul.sponsor-list-left{
	width:195px;
	height:114px;
	margin:0px 0px 0px 5px;
	padding:16px 0px 0px 16px;
	background-color:#f0f0f0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #d4d4d4;
}
ul.sponsor-list-right{
	width:195px;
	height:114px;
	margin:0px 0px 0px 30px;
	padding:16px 0px 0px 16px;
	background-color:#f0f0f0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #d4d4d4;
}
.sponsor-list-left li, .sponsor-list-right li{
	width:178px;
	height:98px;
	margin:0px;
	list-style-type:none;
	display:inline-block;
	float:left;
}

/* Blog Pagination */
.blog-pagination{
	width:100%;
	margin-bottom:15px;
	float:left;
}
.pages{line-height:30px; margin-bottom:10px; clear:left;}
.blogpages{margin:8px 0px;}
.pfpages{margin:-15px 0px 12px 0px;}
.pageof{
	font-size:12px;
	display: block;
	padding: 2px 7px;
	color:#868686;
	float:left;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 5px 0px 0px;
}
.pages a{
	font-size:12px;
	display: block;
	padding: 2px 7px;
	color:#868686;
	float:left;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 5px 0px 0px;
	text-decoration:none;
}
.pages a:hover{
	color:#868686 !important; 
	background-color:#f0f0f0; 
	text-decoration:none;
}
.pages a.current{
	color:#868686 !important; 
	background-color:#f0f0f0;
}

/* Related Post */
#recentPostList{
	width:570px;
	background-color:#f0f0f0;
	border:1px solid #d4d4d4;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin:10px 0px 10px 0px;
	padding:19px 25px 0px 25px;
	float:left; 
}
#related-post-title{
	padding:3px 0px 8px 0px;  
	height:20px; 
	font-weight:bold; 
	color:#2f87aa;
}
.related-item-wrapper{
	font-size:12px;
	width:125px;
	padding:8px 0px 8px 0px;
	margin-right:23px;
	float:left;
	color:#adacac;
	cursor:pointer;
}
.related-item-wrapper-last{
	font-size:12px;
	width:125px;
	padding:8px 0px 8px 0px;
	margin-right:0px;
	float:left;
	color:#adacac;
	cursor:pointer;
}
.related-item-wrapper p, .related-item-wrapper-last p{
	font-style:italic;
	line-height:18px;
}
.related-item-wrapper a, .related-item-wrapper a:visited, .related-item-wrapper-last a, .related-item-wrapper-last a:visited{
	color:#747474;
}
.related-item-wrapper img:hover, .related-item-wrapper-last img:hover{
	-webkit-box-shadow:0 0 8px #6d6d6d; 
	-moz-box-shadow: 0 0 8px #6d6d6d; 
	box-shadow:0 0 8px #6d6d6d;
}
.related-item-wrapper img, .related-item-wrapper-last img{	
	-webkit-box-shadow:0 0 3px #6d6d6d; 
	-moz-box-shadow: 0 0 3px #6d6d6d; 
	box-shadow:0 0 3px #6d6d6d;
}
.img-related{
	float:left;
	margin:0px 0px 5px 0px;
}

/* Sharing Social */
.sharing-box {
	float:left;
	width: 620px;
	padding:30px 0 10px 0;
	border-top:1px solid #dcdcdc;
	margin:30px 0px 0px 0px;
}
.sharing-box .share-facebook {
	float:left;
	width: 200px;
	padding-top:5px;
}
.sharing-box .share-social {
	margin-top:5px;
	float:right;
}
.sharing-box .share-social li {
	display:block;
	float:left;
	width:32px;
	height:32px;
	overflow:hidden;
	margin-left:8px;
	padding:0;
}
.sharing-box .share-social a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:32px;
	height:32px;
}
ul.social li {
	background:none;
	list-style-position:inherit;
	list-style-type:none;
	float:left;
	border:0;
	margin-bottom:3px;
	margin-right:3px;	
	padding: 5px;
	border: 1px solid #d4d4d4 !important;
	border-top: 1px solid #f1f1f1 !important;
	border-left: 1px solid #eee !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	display:block;
}
ul.social li a {
	float:left;
	display:block;
	width:32px;
	height:32px;
}
.social a.twitter,
.share-social a.twitter
{ 
	background:url(../images/social-icons/black-white/twitter.png) no-repeat left top;
}
.social a.delicious,
.share-social a.delicious 
{ 
	background:url(../images/social-icons/black-white/delicious.png) no-repeat left top;
}

.social a.facebook,
.share-social a.facebook
{ 
	background:url(../images/social-icons/black-white/facebook.png) no-repeat left top;
}

.social a.digg,
.share-social a.digg 
{ 
	background:url(../images/social-icons/black-white/digg.png) no-repeat left top;
}

.social a.stumbleupon,
.share-social a.stumbleupon 
{ 
	background:url(../images/social-icons/black-white/stumbleupon.png) no-repeat left top;
}

.social a.reddit,
.share-social a.reddit 
{ 
	background:url(../images/social-icons/black-white/reddit.png) no-repeat left top;
}
.share-social a.designfloat 
{ 
	background:url(../images/social-icons/black-white/designfloat.png) no-repeat left top;
}

.social a.rss { background:url(../images/social-icons/black-white/rss.png) no-repeat left top; }
.social a.flickr { background:url(../images/social-icons/black-white/flickr.png) no-repeat left top; }
.social a.vimeo { background:url(../images/social-icons/black-white/vimeo.png) no-repeat left top; }
.social a.youtube { background:url(../images/social-icons/black-white/youtube.png) no-repeat left top; }
.social a.linkedin { background:url(../images/social-icons/black-white/linkedin.png) no-repeat left top; }
.social a.deviantart { background:url(../images/social-icons/black-white/deviantart.png) no-repeat left top; }
.social a.tumblr { background:url(../images/social-icons/black-white/tumblr.png) no-repeat left top; }
.social a.lastfm { background:url(../images/social-icons/black-white/lastfm.png) no-repeat left top; }


.social a.twitter:hover,
.share-social a.twitter:hover 
{ 
	background:url(../images/social-icons/colorful/twitter.png) no-repeat left top;
}
.social a.delicious:hover,
.share-social a.delicious:hover 
{ 
	background:url(../images/social-icons/colorful/delicious.png) no-repeat left top;
}
.social a.facebook:hover,
.share-social a.facebook:hover
{ 
	background:url(../images/social-icons/colorful/facebook.png) no-repeat left top; 
}
.social a.digg:hover,
.share-social a.digg:hover
{ 
	background:url(../images/social-icons/colorful/digg.png) no-repeat left top; 
}
.social a.stumbleupon:hover,
.share-social a.stumbleupon:hover 
{ 
	background:url(../images/social-icons/colorful/stumbleupon.png) no-repeat left top;
}
.social a.reddit:hover,
.share-social a.reddit:hover 
{ 
	background:url(../images/social-icons/colorful/reddit.png) no-repeat left top; 
}
.share-social a.designfloat:hover
{ 
	background:url(../images/social-icons/colorful/designfloat.png) no-repeat left top;
}
.social a.rss:hover { background:url(../images/social-icons/colorful/rss.png) no-repeat left top; }
.social a.flickr:hover { background:url(../images/social-icons/colorful/flickr.png) no-repeat left top; }
.social a.vimeo:hover { background:url(../images/social-icons/colorful/vimeo.png) no-repeat left top; }
.social a.youtube:hover { background:url(../images/social-icons/colorful/youtube.png) no-repeat left top; }
.social a.linkedin:hover { background:url(../images/social-icons/colorful/linkedin.png) no-repeat left top; }
.social a.deviantart:hover { background:url(../images/social-icons/colorful/deviantart.png) no-repeat left top; }
.social a.tumblr:hover { background:url(../images/social-icons/colorful/tumblr.png) no-repeat left top; }
.social a.lastfm:hover { background:url(../images/social-icons/colorful/lastfm.png) no-repeat left top; }

/* Comment list */
#comment{
	width:620px;
	padding:20px 0px 8px 0px;
	float:left;
}
#comment ol{
	margin:0px;
	padding:10px 0px 0px 0px;
	list-style-type:none !important;
}
.commentlist, .commentlist ol{position:relative;}
.commentlist li{margin:0px; list-style-type:none;}
.commentlist li small{font-size:11px; font-style:italic}
img.avatar {float: left;}
.comment-text{ margin-left:80px; width:auto; border-bottom:solid 1px #e2e1e1;  padding:0px 0px 5px 0px; margin-bottom:10px}
.commdate{float:left; text-align:left}
.reply{}
.smalltext{text-align:right; clear:none}
.reply a, .reply a:visited  {
	background:#eee;
	margin-bottom:15px;
	padding:3px 10px;
	text-align:center;
	font-size: 1em;
}
.commentlist li,
#maintext .commentlist li{margin:0px; list-style-type:none;background: none;}
.commentlist .children{
padding:0 0 0 70px;
}
.commentlist .children li .comment_content{
width:454px;
}

.commentlist .children .children li .comment_content{
width:384px;
}

.commentlist .children .children .children li .comment_content{
width:314px;
}

.commentlist .children .children .children .children li .comment_content{
width:244px;
}

.commentlist .children .children .children .children .children li .comment_content{
padding:0;
}
.commentlist li.bypostauthor {
	border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.commentlist code {
	background:#e0e0e0;
	padding:3px;
}
#trackbacklist li {
	margin: 10px 0 10px 35px;
}
#trackbacklist cite {
	font-style:normal
}
cite.fn {
	display:block;
	padding-top:9px;
}	
.says {
	display:none;
}
.commentmetadata {
	float:left
}
.comment-date a, .comment-date a:visited {
	color:#868686;
	font-size:0.9em;
	text-decoration:none
}
.commentmetadata a:hover, .commentmetadata a:active  {
	text-decoration:underline;
	color:#333;
}
.avatar img{
	width:64px; 
	height:64px; 
	-webkit-box-shadow:0 0 3px #6d6d6d; 
	-moz-box-shadow: 0 0 3px #6d6d6d; 
	box-shadow:0 0 3px #6d6d6d;
}
.comment-text{ margin-left:80px; width:auto; border-bottom:solid 1px #dcdcdc;  padding:0px 0px 5px 0px; margin-bottom:10px;}
.reply{	
	background-color:#f0f0f0;
	margin-top:-10px;
	padding:3px 8px;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right
}
a.reply, a:visited.reply, a:hover.reply {
	font-weight:bold;
	font-style:normal;
	color:#747474;
	text-decoration:none;
}

/* Comment Form */
#commentform-wrap {
	float: left;
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#commentform-wrap h4{
	margin-bottom:0px;
}
#comment-form {
	position: relative;
	width: 496px;
	float: left;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#comment-form div {
	display: inline;
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}
#comment-form div label {
	width:100px;
	float: left;
	text-align: left;
	margin:5px 0px 0px 8px;
}
#comment-form input {
	border:none;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px; 
	width:284px; 
	padding:8px 5px; 
	margin:0px 0px 10px 0px; 
	color:#959494;
	float:left;
}
#comment-form textarea {
	border:none;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px; 
	width:472px;
	height:130px; 
	padding:8px 5px; 
	margin:0px 0px 10px 0px; 
	color:#959494;
	float:left;
	overflow:hidden\0/;
}
#comment-form input.submit {
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;	
}
#comment-form em {
	color:#db4e43;
	display: inline;
}


/* CONTACT
------------------------------------------------------*/
#map-box{
	width:417px;
	height:300px;
	margin-bottom:10px;
	padding-bottom:16px;
	background-image:url(../images/map-shadow.png);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
}
#map{
	width:100%;
	height:100%;
	position:fixed;
	z-index:80;		
	float:left;
}

/* Contact Form */
.contact-area{
	width:365px;
	margin:0px 0px 80px 0px;
	padding:18px 25px 25px 25px;
	background-color:#f0f0f0;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /*Linux browsers*/
	border-radius: 4px; /*CSS3*/
	float:left;
}
.contact-area h4{
	width:365px;
	border-bottom:1px solid #d4d4d4;
	padding-bottom:15px;
	margin-bottom:15px;
	float:left;
}

form{
	margin:0; 
	padding:0;
}
fieldset{border:0px;}
#contactFormArea{
	margin:0px 0px 0px 0px;
	float:left;
}
label{
	margin-bottom:2px;
	display:block;
}
.textfield{
	background-color:#ffffff;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px; 
	padding:7px 5px; 
	margin:0px 10px 11px 0px; 
	display:inline;
	color:#939393;
	width:351px;
	float:left;
}
.field-nomargin{
	margin-right:0px;
	float:left;
}
.textarea{
	background-color:#ffffff;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px;
	overflow:hidden;
	padding:10px 5px; 
	margin:0px 0px 10px 0px; 
	color:#939393;
	width:351px;
}
.label-form-inline{
	float:left;
}
.buttoncontact{
	font-weight:bold;
	letter-spacing:-1px;
	display: block;
	padding: 6px 18px 6px 15px;
	background-color:#e0e0e0;
	color:#606060;
	float:left;
	border: 1px solid #bbbbbb;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 10px 5px 0px;
	float:right;
}
.loading{
    background:url(../images/loading-contact.gif) top left no-repeat;
    padding-left:25px;
	color:#797979;
    margin:10px 20px 0px 0px;
    float:right;
}
.success-contact {
	width:341px;
	font-size:12px;
	text-align:center;
    color:#3F9153;
	margin-bottom:10px;
    padding:8px 10px 8px 10px;
    background-color:#D7F7DF;
    border-top:1px solid #A3F7B8;
	border-bottom:1px solid #A3F7B8;
	float:left;
  display: none;
} 

/* LOGIN FORM
------------------------------------------------------*/
#login-content{
	padding:15px;
	background-image:url(../images/login-icon.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}
#login-content h3{
	text-align:center;
	margin-bottom:-20px;
}
.login-form{
	margin:-10px 0px 0px 68px;	
}
.label-login{
	width:180px;
	float:left;
}
.input-login{
	background-color:#ffffff;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px; 
	padding:7px 5px; 
	margin:0px 10px 11px 0px; 
	display:inline;
	color:#939393;
	width:180px;
	float:left;
}
.button-login{
	cursor:pointer;
	font-weight:bold;
	letter-spacing:-1px;
	display: block;
	padding: 6px 18px 6px 15px;
	background-color:#e0e0e0;
	color:#606060;
	float:left;
	border: 1px solid #bbbbbb;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 10px 5px 55px;
	float:left;
}

/* Front Tabs */
.tabs-wrapper {
  margin: 15px 0;
}
ul.tabs {
	margin:0px 0px 0px 1px;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px;
	border-bottom: 1px solid #dbdbdb;
	border-left:none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: auto;
	float:left;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border-top: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin:0px 0px -1px -1px;
	background-image:url(../images/bg-dropdown.jpg);
	background-repeat:repeat-x;
	overflow: hidden;
	position: relative;	
}
ul.tabs li a {
	text-decoration: none;
	color: #7d7b7b;
	display: block;
	font-size: 14px;
	padding: 1px 26px;
	outline: none;
}
ul.tabs li a:hover {
	background-image:url(../images/bg-dropdown.jpg);
	background-repeat:repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}	
html ul.tabs li.current, html ul.tabs li.current a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
  padding-bottom: 1px;
}
.tab_container,
.panes {
	border: 1px solid #dbdbdb;
	border-top: none;
	clear: both;
	float: left; 
	width: auto;
	background: #fff;
  width: 100%;
  padding-bottom: 10px;
  font-size: 14px !important;
  color: #666666;
}
.tab_content,
.pane {
	padding: 18px 20px 8px 20px;
  border-top: 1px solid #dbdbdb;
}
.tab_content p {
  font-size: 12px;
	padding-top: 5px;
  color: inherit;
}
.tab_content img {
	float: left;
	margin: 0 18px 18px 0;
	padding: 0px 5px 0px 5px;
}

/* ----------------------- FAQ PAGE -----------------------*/
.toggle_wrapper {
  margin-bottom: 30px; 
}
.toggle {
  margin-bottom: 5px;
}
.toggle_title {
	cursor:pointer;
	font-size:14px;    
	background: url(../images/closed.png) 98% 50% no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#f0f0f0;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:8px 13px 10px 13px;
	clear:both;
}
.toggle_active {
	background: url(../images/open.png) 98% 50% no-repeat;
}
.toggle_content {
	background-color:#ffffff;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0px 0px 5px 0px;
	padding:15px 18px 1px 18px;
  display: none;	
}
img.footerlogo {
  margin-top: 35px;
}
/* Native Wordpress Styling */

.wp-caption-text {
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.sticky {
}
.gallery {
}
.gallery-caption {
}
/*-----------------wpml style---------------------*/
.lang_sel_listt{
	position: absolute;
	color: white !important;
	top: 117px;
	margin-left: 873px;
	font-size: 11px;
}
.lang_sel_listt{
}
.lang_sel_listt a{color:white; visibility: hidden;}
.lang_sel_listt a:hover{text-decoration:underline;}
.lang_sel_sel{text-decoration:underline;}

.lang_sel_listt ul { list-style:none;
}
.lang_sel_listt ul li{
	float:left !important;
}
.lang_sel_listt ul li span{
	margin:0 3px;
}
.back-top{
	width: 100px !important;
	margin: 0 auto;
	display: block;
}
.current-lan{text-decoration:underline;}
/*-----------------Products---------------------*/
.col-1-produ{
	padding:0 !important;	
}
.col-1-produ .services-icon{
	float:left;
	width:auto !important;
	margin:0 30px 30px 0 !important;

	
}
.col-1-produ .product-content{
	float:left;
	width: 670px;
}
.col-1-produ .product-content h3, .col-1-produ .product-content p{
	width: 100%;
	float:none;
}
/*-----------------contactform---------------------*/
.contactform{
	width: 860px;
	background: #EFEFEF;
	box-shadow: 0 1px 3px #999999;
	margin: 0;
	padding: 15px 20px 30px;
	float: left;
	position: relative;
	text-align:left;
	
	color: #666;
	font-size: 11px;
	font-weight: bold;
}
.contactform p{
	margin:0;
	border-bottom:solid 1px #cccccc;
	color:black;
	font-size:14px;
}
.contactform label{
	margin:0;
}
.contactform input[type="text"], .contactform textarea{
	border: 1px solid #CCC;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 2px #CCCCCC inset;
	font-size: 11px;
	padding: 3px;
}
.contactform textarea{
	width: 366px;
	height:75px;
}
.contactform input[type="submit"]{
	background: #3A3A3A;
	background: -moz-linear-gradient(top, #5A5A5A 0%, #3A3A3A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A5A5A), color-stop(100%,#3A3A3A));
	background: -webkit-linear-gradient(top, #5A5A5A 0%,#3A3A3A 100%);
	background: -o-linear-gradient(top, #5A5A5A 0%,#3A3A3A 100%);
	background: -ms-linear-gradient(top, #5A5A5A 0%,#3A3A3A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#3A3A3A',GradientType=0 );
	background: linear-gradient(top, #5A5A5A 0%,#3A3A3A 100%);
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	padding: 4px 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	float:right;
} 
.contactform .first{
	float:left;
	margin-right: 10px;
}
.contact-col-1{
	float:left;
	width:425px;
}
.contact-col-1 div, .contact-col-2 div{
	margin-top:10px;
	
}
/*input widht*/
#first-name input{
	width:200px;
}
#last-name input{
	width:197px;
}
#email input{
	width:330px;
}
#phone input{
	width:67px;
}
#company input{
	width:269px;
}
#country select{
	 width:135px;
	float: right;
}
#interest  {
	margin-right:0; 
	margin-top: 20px; 
	width:100%; 
}
#interest select{
	width:240px; 
	float:right
}

.contact-col-2{
	float:right;
	width:375px;
}

#checkbox-privaci{
	font-weight:normal;
	border-bottom: solid 1px #CCC;
	height: 42px;
}
#checkbox-privaci label, #checkbox-privaci input{
	float:left;
}
#checkbox-privaci label{
	line-height: 16px;
	margin-left:5px;
}
/*colorbox*/
#cboxOverlay{
	opacity:0.7 !important;
}
/*REDImei*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.jquery-corner{
	display: none;
}
/*eyeos_lab*/
.eyeos_lab .post-info{
	margin-top:30px;
	width: 50px;
	float: left;
}
.eyeos_lab .post-title{
	float: left;
	margin-bottom: 10px;
}
.eyeos_lab .post-title h3{
	width: 544px;
}
.eyeos_lab .post-content{
	margin-top: 0;
}
.eyeos_lab .comment_info{
	float: right;
	margin-right: 14px;
	font-style: italic;
}
.eyeos_lab .comment_info a{
	color:#828282;
}
.eyeos_lab .post-edit-link{
	margin-bottom: 20px;
	display: block;
	clear: both;
}
.eyeos_lab img{
	max-width: 620px;
	height: auto;
}
/*sidebar eyeos lab*/
.textwidget{
	margin-left: 16px;
	font-style: italic;
}
#piclist{ width:98%; float:left;}
#piclist ul li{ list-style:none; float:left; background:url(../res/images/probox_bg3.gif) 10px 6px no-repeat; width:195px; padding:20px 0 0 25px;}
#piclist ul li img{ width:172px; height:129px; float:left;}
#piclist ul li h5{ font-size:12px; font-family:"微软雅黑"; margin:25px 0 10px 10px; display:inline; float:left; width:100%;}
#piclist ul li a{ color:#666;}
#piclist ul li a:hover{ color:#03c;}
#home h3{ font-weight:normal; border-bottom:1px dashed #ccc; padding-bottom:10px;}